<!DOCTYPE html>
<head>
  <link rel="stylesheet" href="../../resource/weuimin.css"/>
  <link rel="stylesheet" href="../../resource/example.css"/>
  <link href="../../resource/style.css" rel="stylesheet" type="text/css">
  <link type="text/css" rel="stylesheet" href="../../template/css/weui.css" />
  <link type="text/css" rel="stylesheet" href="../../template/css/weui2.css" />
  <link type="text/css" rel="stylesheet" href="../../template/css/weui3.css" />
  <script type="text/javascript" src="../../resource/jweixin1002.js"></script>
  <script type="text/javascript" src="../../resource/jweixin1.js"></script>
  <script src="../../resource/jquery1.js"></script>
  <script src="../../resource/qrcode.js"></script>
  <script src="../../resource/jquerybarcode.js"></script>
  <script src="../../resource/api.js"></script>
  <link rel="stylesheet" href="../../resource/jinsuistyle.css" />
  <script src="../../script/api.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  <title>绑定成功</title>

  <style>
    body{
      background-color:#ffffff !important;
    }
    .line{
      width: 95%;
    }
    .line b {
      background: #fff;
      margin-top: 30px;
      display: inline-block;
      width: 100%;
      height: 2px;
      _overflow: hidden;
      vertical-align: middle;
      opacity:0.3;
    }
    .line span{
      display: inline-block;
      width: 100%;
      vertical-align: middle;
    }
  </style>
</head>
<body>
<header id="statusBar">
<div id="jsheader">
  <nav id="jsnav">
    <a id="jsleft" tapmode="" onclick="back()">
      <span>返回</span>
    </a>
    <div id="jsmiddle">
      <strong id="jstitle">交易结果</strong>
    </div>
    <a id="jsright">
      <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
    </a>
  </nav>
</div>
</header>
<div class="paddingtop70">&nbsp;</div>

</div>
<div align="center">
  <img src="../../image/dui.png" id="resImg" style="width:45%;margin-top:5%;align:center"       />
  <p id="resSta" style="align:center;margin-top:20px;font-size:20px;font-weight: bold;color: #adadad">交易成功</p>
  <p style="align:center;margin-top:20px;font-size:30px;font-weight: bold;" id="je">  </p>
  
    <article class="info">
      <ul>
        <li id="ydl1"  style="0 auto;">
          <div class="left">
            订单号:
          </div>
          <div id="ddno" class="left">

          </div>
          <div class="clear"></div>
        </li>
        <li id="msg" style="display: none">
          <div class="left">
            失败原因:
          </div>
          <div id="msgc" class="right">

          </div>
          <div class="clear"></div>
        </li>
        </ul>
      </article>

</div>
<a  style="margin-left:10%;margin-right:10%;margin-top:20%;background:#18b4ed;height:38px" onclick="back();" id="saveBtn"  class="weui-btn weui-btn_primary"><b style="color: #fff;font-size: 15px">完成</b></a>

</body>

<script type="text/javascript">
  apiready = function(){
     if(api.systemType == "ios"){
	   document.getElementById("statusBar").style.background = "#298cb4";
	 }
     $api.fixStatusBar( $api.dom('header') );
     var status = api.pageParam.zt;
     if(2 == status){
     var msg = api.pageParam.msg;
       $("#resImg").attr('src','../../image/cuo.png');
       document.getElementById("resSta").innerHTML = "交易失败"
       $("#msgc").html(msg);
       $("#je").hide();
       $("#msg").show();
       $("#ydl1").hide();
     }else if(1 == status){
       var atm = api.pageParam.amt;
       var no = api.pageParam.id;
       
       $("#je").html("￥"+atm+"元");
       $("#ddno").html(no);
     }
  };
  function back() {
     api.closeToWin({
	     name: 'root'
     });
	  // window.location.href="main.html";
  }

</script>
</html>